<template>
  <div class="box">
    {{ title }}
    <hr>
    <!-- username:{{ username }} -->
    <!-- <TsInput :username="username" @abc="username = $event"></TsInput> -->
    <!-- <TsInput :value="username" @input="username = $event"></TsInput> -->
    <!-- <TsInput v-model="username"></TsInput> -->

    <TsCard content="<b>hello</b>">
      <b>hello</b>
      <TsInput v-model="username"></TsInput>
    </TsCard>

  </div>
</template>
<script>
export default {
  data() {
    return {
      title: 'hello lili',
      username: 'lili'
    }
  },
  methods: {

  }
}
</script>
<style>
.box {
  color: red;
}

div {
  border: solid;
  padding: 10px;
}
</style>